@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>AddressSearchAccordion</title>
</head>
<body>
    <script type="text/javascript">

        jQuery(document).ready(function () {
            $("#Nav").hide();
            $("#membershipaccordion3").accordion();
            $("#membershipaccordion2").accordion();
            
            $('#trgSearch').click(function (event) {
var myUrl ="./Membership/Search?ConfirmationToken=" + $("#ConfirmationToken").val() +  "&LastPasswordFailureDate=" + $("#LastPasswordFailureDate").val() +  "&PasswordFailuresSinceLastSuccess=" + $("#PasswordFailuresSinceLastSuccess").val() +  "&Password=" + $("#Password").val() +  "&PasswordChangedDate=" + $("#PasswordChangedDate").val() +  "&PasswordSalt=" + $("#PasswordSalt").val() +  "&PasswordVerificationToken=" + $("#PasswordVerificationToken").val() +  "&PasswordVerificationTokenExpirationDate=" + $("#PasswordVerificationTokenExpirationDate").val() +  "&EmailAccount=" + $("#EmailAccount").val() +  "&PasswordAnswer=" + $("#PasswordAnswer").val();
                $.ajax({
                    url: '@Url.Content("~/Membership/MembershipGrid/")',
                    cache: false,
                    success: function (html) {
                        $("#membershipaccordion3").accordion("activate", 1);
                        $('#Membershipsearch').html(html);
                        $("#membershiplist").setGridParam({ datatype: 'json', url: myUrl }).trigger("reloadGrid");
                        $('#membershiplist').jqGrid('setGridParam', { onSelectRow: function (ids) {
                        MembershipID = ids ;
                            $.ajax({
                                url: '@Url.Content("~/Membership/MembershipDetails/")' + MembershipID,
                                cache: false,
                                success: function (html) {
                                    $('#Membershipreview').html(html);

                                }
                            });
                            $("#membershipaccordion3").accordion("activate", 2);
                        }
                        });
                    }
                });

            });

			 $('#Details').click(function(event) {
				$.ajax({
					url: '@Url.Content("~/Membership/MembershipDetails/")' + MembershipID,
					cache: false,
					success: function (html) {
					$('#Dialog').html(html);
					$('#Dialog').dialog({modal:true});
					return false;
				}});
			});
			 $('#Add').click(function(event) {
				$.ajax({
					url: '@Url.Content("~/Membership/NewMembershipForm/")',
					cache: false,
					success: function (html) {
					$('#Dialog').html(html);
					$('#Dialog').dialog({modal:true});
					return false;
				}});
			});
			 $('#Update').click(function(event) {
				$.ajax({
					url: '@Url.Content("~/Membership/UpdateMembershipForm/")' + MembershipID,
					cache: false,
					success: function (html) {
					$('#Dialog').html(html);
					$('#Dialog').dialog({modal:true});
					return false;
				}});
			});
			 $('#Search').click(function(event) {
				$.ajax({
					url: '@Url.Content("~/Membership/MembershipSearch/")' + MembershipID,
					cache: false,
					success: function (html) {
					$('#Main').html(html);
					return false;
				}});
			});
			 $('#Remove').click(function(event) {
				$.ajax({
					url: '@Url.Content("~/Membership/RemoveMembershipForm/")' + MembershipID,
					cache: false,
					success: function (html) {
					$('#Dialog').html(html);
					$('#Dialog').dialog({modal:true});
					return false;
				}});
			});
			        });
			    </script>
			    <div id="membershipaccordion3">
					<h3><a href="#">Step 1: membership Search</a></h3>
				    <div>
			            Confirmation Token: <input type="text" name="ConfirmationToken" id="ConfirmationToken" />
			Last Password Failure Date: <input type="text" name="LastPasswordFailureDate" id="LastPasswordFailureDate" />
			Password Failures Since Last Success: <input type="text" name="PasswordFailuresSinceLastSuccess" id="PasswordFailuresSinceLastSuccess" />
			Password: <input type="text" name="Password" id="Password" />
			Password Changed Date: <input type="text" name="PasswordChangedDate" id="PasswordChangedDate" />
			Password Salt: <input type="text" name="PasswordSalt" id="PasswordSalt" />
			Password Verification Token: <input type="text" name="PasswordVerificationToken" id="PasswordVerificationToken" />
			Password Verification Token Expiration Date: <input type="text" name="PasswordVerificationTokenExpirationDate" id="PasswordVerificationTokenExpirationDate" />
			Email Account: <input type="text" name="EmailAccount" id="EmailAccount" />
			Password Answer: <input type="text" name="PasswordAnswer" id="PasswordAnswer" />
			            <input type="button" value="Search" id="trgSearch" />
			        </div>
			
			        <h3><a href="#">Step 2: membership Select</a></h3>
				    <div>
			           <div id="Membershipsearch"></div>
			        </div>
			
			        <h3><a href="#">Step 3: membership Review</a></h3>
				    <div>
			           <div id="Membershipreview"></div>
			        </div>
			
			        <h3><a href="#">Step 4: membership Relationships</a></h3>
				    <div>
			           <div id="Membershiprelate">
			            <div id="membershipaccordion2">
			    <h3><a href="#">Edit Options</a></h3>
			     <ul>
			<li><a href="#" id="Add">Add</a></li>
			<li><a href="#" id="Update">Update</a></li>
			<li><a href="#" id="Search">Search</a></li>
			<li><a href="#" id="Remove">Remove</a></li>
			<li><a href="#" id="Details">Details</a></li>
					
				 </ul>
				 
				  <h3><a href="#">Related Items</a></h3>
				  <ul>
			               
			            </ul>
			    </div>
			            </div>
			        </div>
			    </div>
			</body>
			</html>